<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <script src="jquery-1.9.1.min.js"></script>
    <script>
        function mysub(type) {
            var username = jQuery("#username");
            var password = jQuery("#password");
            if (type == 2) {
                // 清空操作
                if (confirm("确认清空？")) {
                    username.val("");
                    password.val("");
                }
                return false;
            }
            // 1.非空效验
            if (username.val().trim() == "") {
                alert("请先输入用户名")
                username.focus();
                return false;
            }
            if (password.val().trim() == "") {
                alert("请先输入密码")
                password.focus();
                return false;
            }
            // 和后端进行通信
            jQuery.getJSON("login", {
                "username": username.val(),
                "password": password.val()
            }, function (data) {  // 回调函数
                if (data != null && data.state == 200) {
                    // 后面在写跳转页面
                    location.href = "artlist.html";
                } else {
                    alert("用户名或密码错误，请重新输入");
                }
            });
        }
    </script>
</head>
<body>
<div style="margin-top: 70px;text-align: center;">
    <font face="宋体" size="5" color="red"><strong>---登录---</strong></font><p></p>
    <marquee direction="left" behavior="scroll"  scrollmount="1px" scolldely="4ms" width="250px" height="50px"><font face="宋体" color="#dc143c" size="4">❤欢迎来到个人博客系统，你可以通过注册或登录账号来发表自己的博客，结识更多的好友❤</font></marquee><br>
    <div style="text-align: center;margin-top: 0px; " >
        <strong>用户名：</strong><input id="username" name="username" style="background-color: aqua" type="text">
    <p></p>
        <strong>&nbsp;密&nbsp;&nbsp;码：</strong><input id="password" name="password" style="background-color: aqua" type="password">
    <p></p>
    <input type="button" value=" 提 交 " onclick="mysub(1)">
        &nbsp;&nbsp;&nbsp;<input type="button" value=" 清 空 " onclick="mysub(2)">
    <p></p>
    <a href="reg.html">-->注册账号<--</a>
    </div>
</div>
</body>
</html>